
<#assign idbut = obj.getId()>
<table id="${idbut}" cellspacing="0" cellpadding="0" border="0" class="x-btn-wrap x-btn x-btn-text-icon <#if enable==false>x-item-disabled</#if>">
	<tbody>
		<tr>
			<td class="x-btn-left"><i> </i></td>
			<td class="x-btn-center">
				<em unselectable="on">
					<a href="${linkUrl}" type="button" title="${QuickTip}" onClick="${JSFunc};return false;" class="ss-button <#if iconCls!="">x-btn-text</#if> ${iconCls}">
						${text}
					</a>
				</em>
			</td>
			<td class="x-btn-right"><i> </i></td>
		</tr>
	</tbody>
</table>

<script>
	Ext.get("${idbut}").on({
		<#if enable==true>
			'mouseover' : function(evt,t,o) {Ext.get("${idbut}").addClass("x-btn-over")},
	    	'mouseout' : function(evt,t,o) {Ext.get("${idbut}").removeClass("x-btn-over")},
	    </#if>	
	    	'mousedown' : function(evt,t,o) {Ext.get("${idbut}").addClass("x-btn-click")},
	    	'mouseup' : function(evt,t,o) {Ext.get("${idbut}").removeClass("x-btn-click")}
		});
</script>
